<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            width: 200px;
            border: 1px solid rebeccapurple;
            /* 文本两端对齐：行数必须大于等于2 不然可能不会出效果 */
            text-align: justify;
        }
        p{
            /* 英文单词所有字母大写 */
            /* text-transform: uppercase; */
            /* 英文单词每个单词首字母大写 */
            text-transform: capitalize;
        }
        h2{
            /* 英文单词所有字母小写 */
            text-transform: lowercase;
            letter-spacing: 20px;
            border: 1px solid rebeccapurple;
            width: 200px;
            word-wrap: break-word;
        }
    </style>
</head>
<body>
    <p>
        hello world
    </p>
    <h2>
        HELLOWORLD
    </h2>
    <!-- <div>
        今天学习补充的知识点，好开心！
        今天学习补充的知识点，好开心！
        今天学习补充的知识点，好开心！
        今天学习补充的知识点，好开心！
    </div> -->
</body>
</html>